<template>
  <div>
    <router-link to="/home">首页</router-link>&nbsp; <router-link to="/movie/2/长津湖">长津湖</router-link>&nbsp;
    <router-link to="/movie/3/钢铁侠">钢铁侠</router-link>&nbsp;
    <router-link to="/movie/6/绿皮书">绿皮书</router-link>&nbsp;
    <router-link to="/music?id=3&name=刘德华">刘德华</router-link>&nbsp;
    <router-link to="/music?id=8&name=张惠妹">张惠妹</router-link>&nbsp;
    <router-link to="/about">关于</router-link>&nbsp; <router-link to="/about/you">关于你</router-link>&nbsp;
    <router-link to="/about/me">关于我</router-link>&nbsp;
    <hr />
    <!-- 一会准备把要展示的组件，展示到这个位置。 -->
    <!-- 必须在这个位置加一个占位符 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {}
</script>

<style scoped>
/* .router-link-active {
  color: red;
  text-decoration: none;
} */

.router-link-exact-active {
  color: red;
  text-decoration: none;
}

/* .bb {
  color: red;
  text-decoration: none;
} */
</style>
